<template>
  <div>
    <md-table v-model="users" :table-header-color="tableHeaderColor">
      <md-table-row slot="md-table-row" slot-scope="{ item }">
        <md-table-cell md-label="ID">{{ item.id }}</md-table-cell>
        <md-table-cell md-label="姓名">{{ item.name }}</md-table-cell>
        <md-table-cell md-label="性别">{{ item.sex }}</md-table-cell>
        <md-table-cell md-label="邮箱">{{ item.email }}</md-table-cell>
      </md-table-row>
    </md-table>
  </div>
</template>

<script>
export default {
  name: "ordered-table",
  props: {
    tableHeaderColor: {
      type: String,
      default: "",
    },
  },
  data() {
    return {
      selected: [],
      users: [
        {
          id: 1,
          name: "蔡明宇",
          sex: "男",
          email: "1073457209@qq.com",
          country: "Niger",
          city: "Oud-Turnhout",
        },
        {
          id: 2,
          name: "高浩雨",
          sex: "男",
          email: "19301113@bjtu.edu.cn",
          country: "Niger",
          city: "Oud-Turnhout",
        },
        {
          id: 3,
          name: "张东植",
          sex: "男",
          email: "19271169@bjtu.edu.cn",
          country: "Niger",
          city: "Oud-Turnhout",
        },
        {
          id: 4,
          name: "韩鑫龙",
          sex: "男",
          email: "19301114@bjtu.edu.cn",
          country: "Niger",
          city: "Oud-Turnhout",
        },
        {
          id: 5,
          name: "吕文江",
          sex: "男",
          email: "17301130@bjtu.edu.cn",
          country: "Niger",
          city: "Oud-Turnhout",
        },
      ],
    };
  },
};
</script>
